<div class="tool-bar">
  <div class="department-bar">
    <span><B>分公司：</B><select><option value ="volvo">乌江</option></select><B>电站：</B><select><option value ="volvo">东风</option></select><B> 机组：</B><select><option value ="volvo">#1</option></select></span>
  </div>
  <div>
    <button class="btn btn-sm btn-default btn-back" (click)="goBack(true)"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></button>
  </div>
  <div class="search-bar">
    <app-time-control-search></app-time-control-search>
  </div>
</div>
<div class="main-body">
  <div class="container-fluid">
  	<div class='row'>
      <div class='col-sm-3' style="width: 30%">
        <div class='top'>
          <img src="assets/images/stable.png">
        </div>
        <div class='content'>
          <div class='blue'>
            稳定性相关参数
          </div>
          <div class='desc'>
            <div class='fl'>
             	<p>额定转速:</p>
             	<p>转轮叶片数:</p>
             	<p>上导轴瓦间隙:</p>
             	<p>水导轴瓦间隙:</p>
            </div>
            <div class='fl'>
              <p>磁极对数:</p>
              <p>活动导叶数:</p>
              <p>下导轴瓦间隙:</p>
              <p>推力导轴瓦间隙:</p>
            </div>
          </div>
        </div>
      </div>
      <div class='col-sm-9' style="width: 70%;position: relative;">
        <div class='row heatmap'>
          <div class='col-sm-6'>
            <app-chart-heatmap></app-chart-heatmap>
          </div>
          <div class='col-sm-6'>
            <app-chart-heatmap></app-chart-heatmap> 
          </div>
        </div>
        <div class='row'>
          <app-chart-spider></app-chart-spider>
        </div>
        <div class='res'>
          稳定性趋势分析<img src="assets/images/next.png" (click)="navigator()">
        </div>
        <div class='text'>
          振动区运行时间占比: 10%
        </div>
      </div>
   	</div>
  </div>
</div>